<template>
  <div>
    <input 
      type="text" 
      :value="ming"
      @input="emit('update:ming',($event.target).value)"
    />
    <br>
    <input 
      type="text" 
      :value="mima"
      @input="emit('update:mima',($event.target).value)"
    />
  </div>
</template>

<script setup lang="ts" name="AtguiguInput">
  defineProps(['ming','mima'])
  const emit = defineEmits(['update:ming','update:mima'])
</script>

<style scoped>
  input {
    border: 2px solid black;
    background-image: linear-gradient(45deg,red,yellow,green);
    height: 30px;
    font-size: 20px;
    color: white;
  }
</style>